@charset "utf-8";

body, html {width: 100%;height: 100%;font-size: 14px;background-color: #f8f8f8;font-family: PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing: antialiased;}
.cont { touch-action: pan-y; } 
/* ==================
          布局
 ==================== */

/*  -- flex弹性布局 -- */

.flex {
	display: flex;
}

.basis-xs {
	flex-basis: 20%;
}

.basis-sm {
	flex-basis: 40%;
}

.basis-df {
	flex-basis: 50%;
}

.basis-lg {
	flex-basis: 60%;
}

.basis-xl {
	flex-basis: 80%;
}

.flex-sub {
	flex: 1;
}

.flex-twice {
	flex: 2;
}

.flex-treble {
	flex: 3;
}

.flex-direction {
	flex-direction: column;
}

.flex-wrap {
	flex-wrap: wrap;
}

.align-start {
	align-items: flex-start;
}

.align-end {
	align-items: flex-end;
}

.align-center {
	align-items: center;
}

.align-stretch {
	align-items: stretch;
}

.self-start {
	align-self: flex-start;
}

.self-center {
	align-self: flex-center;
}

.self-end {
	align-self: flex-end;
}

.self-stretch {
	align-self: stretch;
}

.align-stretch {
	align-items: stretch;
}

.justify-start {
	justify-content: flex-start;
}

.justify-end {
	justify-content: flex-end;
}

.justify-center {
	justify-content: center;
}

.justify-between {
	justify-content: space-between;
}

.justify-around {
	justify-content: space-around;
}
/*  -- 内外边距 -- */

.m-10 {
	margin: 10px;
}
.m-15 {
	margin: 15px;
}

.m-t-10 {
	margin-top: 10px;
}
.m-t-15 {
	margin-top: 15px;
}

.m-t-20 {
	margin-top: 20px;
}
.m-t-30 {
	margin-top: 30px;
}
.m-t-50{
	margin-top: 50px;
}
.m-t-4{
	margin-top: 4px;
}

.m-b-5 {
	margin-bottom: 5px;
}
.m-b-10 {
	margin-bottom: 10px;
}

.m-b-20 {
	margin-bottom: 20px;
}

.m-l-10 {
	margin-left: 10px;
}
.m-l-20 {
	margin-left: 20px;
}
.m-l-30 {
	margin-left: 30px;
}
.m-r-5{
	margin-right: 5px;
}
.m-r-10 {
	margin-right: 10px;
}
.m-r-15 {
	margin-right: 15px;
}
.m-r-20 {
	margin-right: 20px;
}
.m-r-30 {
	margin-right: 30px;
}
.m-tb-5 {
	margin-top: 5px;
	margin-bottom: 5px;
}
.m-tb-20 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.m-lr-10 {
	margin-left: 10px;
	margin-right: 10px;
}
.m-lr-15 {
	margin-left: 15px;
	margin-right: 15px;
}
.m-lr-12 {
	margin-left: 12px;
	margin-right: 12px;
}
.m-lr-30 {
	margin-left: 30px;
	margin-right: 30px;
}
.p-10 {
	padding: 10px;
}
.p-20 {
	padding: 20px;
}

.p-30 {
	padding: 30px;
}
.p-b-0 {
	padding-bottom: 0!important;
}
.p-b-10 {
	padding-bottom: 10px;
}
.p-b-15 {
	padding-bottom: 15px;
}
.p-b-50 {
	padding-bottom: 50px;
}
.p-b-70 {
	padding-bottom: 70px;
}

/* ==================
          文本
 ==================== */
.font-10 {
	font-size: 10px;
}
.font-11 {
	font-size: 11px;
}
.font-12 {
	font-size: 12px;
}
.font-13 {
	font-size: 13px;
}
.font-14 {
	font-size: 14px;
}
.font-15 {
	font-size: 15px;
}
.font-16 {
	font-size: 16px;
}
.font-18 {
	font-size: 18px;
}
.font-24 {
	font-size: 24px;
}

.text-cut {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.text-cut2 {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
.text-bold {
	font-weight: bold;
}
.text-normal {
	font-weight: normal;
}
.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}


/* ==================
          背景
 ==================== */
.bg-green {
	background-color: #07c160;
}
.bg-white {
	background-color: #ffffff;
}

.bg-grey {
	background-color: #f5f5f5;
}
.bg-c {
	background-color: #ccc;
}


em,i{
	font-style: normal;
}
@keyframes rotate{
	from{ transform: rotate(0deg) }
	to{ transform: rotate(-360deg) }
}
.rotate{
	transition: 0.5s;
	animation: rotate 3s linear 0s infinite;
}
.m-t-5{
	margin-top: 5px;
}
.m-l-5{
	margin-left: 5px;
}
.m-l-15{
	margin-left: 15px;
}
.p-t-5{
	padding-top: 5px;
}
.p-t-10{
	padding-top: 10px;
}
.p-t-15{
	padding-top: 15px;
}
.p-t-20{
	padding-top: 20px;
}
.p-10{
	padding: 10px;
}
.p-12{
	padding: 12px;
}
.p-r-5{
	padding-right: 5px;
}
.p-tb-3{
	padding-top: 3px;
	padding-bottom: 3px;
}
.p-tb-5{
	padding-top: 5px;
	padding-bottom: 5px;
}
.p-tb-8{
	padding-top: 8px;
	padding-bottom: 8px;
}
.p-tb-12{
	padding-top: 12px;
	padding-bottom: 12px;
}
.p-tb-15{
	padding-top: 15px;
	padding-bottom: 15px;
}
.p-tb-20{
	padding-top: 20px;
	padding-bottom: 20px;
}
.p-lr-5{
	padding-left: 5px;
	padding-right: 5px;
}
.p-lr-8{
	padding-left: 8px;
	padding-right: 8px;
}
.p-lr-12{
	padding-left: 12px;
	padding-right: 12px;
}
.p-lr-20{
	padding-left: 20px;
	padding-right: 20px;
}
.radius4{
	border-radius: 4px;
}
.radius8{
	border-radius: 8px;
}
.radius10{
	border-radius: 10px;
}
.radius15{
	border-radius: 15px;
}
.radius40{
	border-radius: 40px;
}
.radius50{
	border-radius: 50%;
}
.color-0{
	color: #000;
}
.color-6{
	color: #666666;
}
.color-9{
	color: #999999;
}
.color-b{
	color: #bbbbbb;
}
.color-c{
	color: #cccccc;
}
.color-white {
	color: #fff;
}
.color-red{
	color: #fc4533!important;
}
.color-green{
	color: #07c160;
}
.color-primary{
	color: #576b95;
}
.min-width0{
	min-width: 0;
}
.l-h15{
	line-height: 1.5;
}
.b-t{
	border-top: 1px solid #f5f5f5;
}
.b-b{
	border-bottom: 1px solid #f5f5f5;
}
.box-shadow {
	box-shadow: 0 4px 8px 0 rgba(5, 6, 11, 0.03);
}
.alert-yellow {
	background: #ffeed3 !important;
	color: #6b4b39;
	border: 1px solid #b4aba6;
}
.alert-green {
	background: #f1fced !important;
	color: #08a238;
	border: 1px solid #a3c0ac;
}
.word-break {
	 word-break:break-all;
}
.box-shadow-new{
	background-color: hsla(0,0%,100%,.7);
	border: 1px solid #fff;
	box-shadow: 0 18px 30px -16px rgba(157,160,170,.31);
}

// 定位相关
.rela {
	position: relative;
}